<!DOCTYPE html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>My AngularJS App</title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="../../static/css/common.css">
  <link rel="stylesheet" href="../../app.css">
  <link rel="stylesheet" href="../../bower_components/frozenui/css/frozen.css">
  <link rel="stylesheet" href="bankcard-new.css">

</head>
<body  ontouchstart="" ng-app='wdApp'>
  <div class="ui-container" ng-controller="bankCardController" ng-cloak>
      <p class="hint-left">请输入借记卡信息</p>
      
      <div class="ui-form ui-border-t">
          <div class="ui-form-item ui-form-item-show ui-border-b">
              <label for="#">银行卡号:</label>
              <input id="cardNumber" name="cardNumber" type="tel" maxlength=19
                     ng-model="bankAcct" ng-change="wng_card_no_change()"
                     ng-model-options="{debounce: 1500}" >
          </div>
          <div class="ui-form-item ui-form-item-show ui-border-b">
              <p>
              <i id="bank_info" class="ui-icon-info" data-role="button"></i>
              </p>
              <label for="#">发卡行:</label>
              <input id="issueBank" name="issueBank" type="text" readonly
                     ng-model="issueBank">
          </div>
      </div>
      
      <p class="hint-left">银行预留手机号</p>
  
      <div class="ui-form ui-border-t">
          <div class="ui-form-item ui-form-item-show ui-border-b">
              <p>
              <h6 id="checkPhoneNo" class="check_phoneNo">{{phoneNoErrorText}}</h6>
              </p>
              <label for="#">手机号:</label>
              <input id="phoneNo" name="phoneNo" type="tel" value="{{phoneNo}}" maxlength="11"
                     ng-model="phoneNo" ng-change="wng_phone_no_change()" >

          </div>
          <div id="verifyContainer" class="ui-form-item ui-form-item-show ui-border-b">
              <p><button class="verify-code">获取验证码</button></p>
              <label for="#">验证码:</label>
              <input id="verifyCode" name="verifyCode" type="tel" value="" maxlength="6"
                     oninput="onVerifyCodeChanged();" onpropertychange="onVerifyCodeChanged();">
          </div>
        
      </div>

  </div>


  <script src="../../bower_components/html5-boilerplate/dist/js/vendor/modernizr-2.8.3.min.js"></script>
  <script src="../../bower_components/angular/angular.min.js"></script>
  <script src="../../bower_components/frozenui/lib/zepto.min.js"></script>
  <script src="../../bower_components/frozenui/js/frozen.js"></script>
  <script src="../../components/common/common.js"></script>

  <script src="bankcard-new.js"></script>
<!--  <script src="../../app.js"></script>-->
  <script>
    //(function (){
    //  var tab = new fz.Scroll('.ui-tab', {
    //    role: 'tab',
    //    autoplay: true,
    //    interval: 3000
    //  });
    //  /* 滑动开始前 */
    //  tab.on('beforeScrollStart', function(fromIndex, toIndex) {
    //    console.log(fromIndex,toIndex);// from 为当前页，to 为下一页
    //  })
    //})();
  </script>
</body>
</html>
